import { reactive, ref } from 'vue'
import { isMobile } from './utils'

export type SKey = keyof typeof modelS
export type STitleRecord = Partial<Record<SKey, string>>
export type ModelGender = 'MALE' | 'FEMALE'

export const getModelInitCfg = () => ({
    // 性别设置
    modelGender: '' as ModelGender,//MALE/FEMALE

    // 脸部配置
    SkinColorIndex: 0,//肤色
    FaceStyleIndex: 0,//脸型
    FaceWide: 0.5,//脸宽
    JawLength: 0.5,//长脸
    LowJaw: 0.5,//下颌

    // 眉毛配置：BrowConfig类
    BrowStyleIndex: 0, //眉毛样式

    // 眼睛配置：EyeConfig类
    EyeStyleIndex: 0, //眼睛样式
    EyeBig: 0, //眼睛大小
    EyeHeight: 0, //眼睛高度
    EyeRotate: 0, //眼睛旋转
    EyeDistance: 0, //双眼间距

    // 鼻子配置：NoseConfig类
    NoseStyleIndex: 0,//鼻子样式
    NoseWide: 0,//鼻子宽度
    NoseLength: 0,//鼻子长度
    // 嘴巴配置：MouthConfig类
    MouthBig: 0,//嘴唇大小
    MouthUp: 0,//嘴唇上下位置
    MouthLip: 0,//嘴唇厚度
    // 头发配置：HairConfig类
    HairColorIndex: 0, //头发颜色
    HairStyleIndex: 0, //头发样式
    // 衣服配置：ClothConfig类
    ClothIndex: 0//衣服样式


})
export const modelS = reactive(getModelInitCfg())
export const isPc = ref(!isMobile())